import Vue from 'vue'
import VueRouter from 'vue-router'
import Mine from '../components/mine.vue'
import Find from '../components/find.vue'
import Clouds from '../components/clouds.vue'
import Videos from '../components/videos.vue'
import Roots from '@/base/root/roots.vue'
import D from '../components/d.vue'
import SingerDetall from '../components/singer-detall.vue'
import Disc from '../components/disc/disc'
import Rank from '../components/rank/rank'
import TopList from '../components/top-list/top-list'
import Search from '../base/search/search'

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'Roots',
    component: Roots,
    children: [
      {
        path: '/mine',
        name: 'Mine',
        component: Mine
        // children: [
        //   {
        //     path: '/find/:id',
        //     name: 'Disc',
        //     component: Disc
        //   }
        // ]
      },
      {
        path: '/find',
        name: 'Find',
        component: Find
        // children: [
        //   {
        //     path: '/find/:id',
        //     name: 'Disc',
        //     component: Disc
        //   }
        // ]
      },
      {
        path: '/clouds',
        name: 'Clouds',
        component: Clouds
      },
      {
        path: '/videos',
        name: 'Videos',
        component: Videos
      },
      {
        path: '/d',
        name: 'd',
        component: D
      },
      {
        path: '/find/:id',
        name: 'Disc',
        component: Disc
      },
      {
        path: '/singer/:id',
        name: 'SingerDetall',
        component: SingerDetall
      },
      {
        path: '/rank',
        name: 'Rank',
        component: Rank
      },
      {
        path: '/toplist/:id',
        name: 'TopList',
        component: TopList
      },
      {
        path: '/search',
        name: 'Search',
        component: Search
      }
    ]
  }
  // {
  //   path: '/mine',
  //   name: 'Mine',
  //   component: Mine
  // },
  // {
  //   path: '/find',
  //   name: 'Find',
  //   component: Find
  // },
  // {
  //   path: '/clouds',
  //   name: 'Clouds',
  //   component: Clouds
  // },
  // {
  //   path: '/videos',
  //   name: 'Videos',
  //   component: Videos
  // },
  // {
  //   path: '/d',
  //   name: 'd',
  //   component: D
  // },
  // {
  //   path: '/singer/:id',
  //   name: 'SingerDetall',
  //   component: SingerDetall
  // },
  // {
  //   path: '/find/:id',
  //   name: 'Disc',
  //   component: Disc
  // }
]

const router = new VueRouter({
  routes
})

export default router
